<body>
<link type="text/css" href="<{$config.weburl}>/templates/wap/new_css/ycxq.css" rel="stylesheet" />
<header>
    <div class="header_top sys_header">
        <div class="st_back"><a href="javascript:;" onclick="javascript:history.go(-1);"></a></div>
        <h1 class="tit">票品详情</h1>
        <{include file="detail_header.htm"}>
    </div>
</header>

<div class="ub  content">
            <div class="ub ccont">
                <div class="ub ub-ac umar-at contleft">
                    <img id="img_pic" src="<{$de.pic}>" alt="<{$de.ftitle}>" style="border-width:0px;">
                </div>
                <div class="ub  umar-at ub-ver  ub-f1 contright">
                    <div class="ub ub-ac ctitle">
                        <span ><{$de.pname}></span>
                    </div>
                    
                    <div class="ub cfont">
                        时间:
                    <span><{$de.performance_start_time|date_format:"%Y-%m-%d"}></span>
                    </div>
                    <a href="<{$config.weburl}>/?m=spot&s=detail&id=<{$de.spot_detail.id}>">

                       <div class="ub  cfont cfontlast">
                        场馆:<span ><{$de.spot_detail.spot_name}></span>
                    </div>

                    </a>

                   
                     <div class="ub  cfont price">
                        票价:<{$de.price_list}>元
                    </div>

                        <div class="ub  cfont newtags">
                             <div class="tags">
                                 <{if $now_time >= $de.reserve_time and $now_time <= $de.sell_time || empty($de.sell_time)}>
                                 <span class="tag tag-c2">预售中</span>
                                 <{elseif !empty($de.sell_time) && $now_time >= $de.sell_time and $now_time <= $de.performance_end_time }>
                                 <span class="tag tag-c2">售票中</span>
                                 <{elseif $now_time >= $de.performance_end_time  }>
                                 <span class="tag tag-c3">已结束</span>
                                 <{/if}>
                                 <{if !empty($de.spot_detail.seat_m_pic)}>
                                 <span class="tag tag-c2 zwt_show">座位图</span>
                                 <{/if}>
                                 <{if $de.is_real_name}>
                                 <span class="tag tag-c1">实名制</span>
                                 <{/if}>
                             </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>

    <div>
    <div class="mid_content1">
        <div class="modue_mill" <{if $now_time >=$de.seckill_time || $de.is_skill != 1 }> style="display: none;" <{/if}> >
        <div class="mill_name">倒计时</div>
        <div class="mill_time exe_time "  endtime='<{$de.seckill_time}>' lxfday='yes'></div>
        <div class="clean_float"></div>
    </div>

 <{if !empty($de.promotion_list)}>
  <div class="tuan_cont_list">
                <div class="list_show_box">
          
                  <div class="list_show_con">
                     
                      <{foreach item=vo from=$de.promotion_list}>
                      <p style=" margin:0px; padding:0px;"><{$vo}></p>
                      <{/foreach}>
                </div>
        </div>
    </div>
  <{/if}>

    <div class="tuan_cont_list">
                <div class="list_show_box">
                    <div class="tit"><strong>演出详情</strong></div>
                  <div class="list_show_con">
                      <{$de.detail}>
                </div>
        </div>
    </div>
  <div class="question_ask">
      <span class="title"> <em>在线答疑</em> <a href="<{$config.weburl}>/?m=product&s=mobile_question&id=<{$de.pid}>">提交问题</a> <div class="clean_float"></div></span>
      <{foreach item=list from=$question_list}>
      <dl>
          <dt><{$list.member_name}> ：</dt>
          <dd><{$list.question}></dd>
          <dd class="date_time"><{$list.question_time|date_format:"%Y-%m-%d %H:%M:%S"}></dd>
      </dl>
      <{if !empty($list.answer)}>
      <dl class="receivers">
          <dd><{$list.answer}></dd>
          <dd class="date_time"><{$list.answer_time|date_format:"%Y-%m-%d %H:%M:%S"}></dd>
      </dl>
      <{/if}>
      <{/foreach}>

  </div>



  <div class="bom_fixed">
      <!--tel:<{$config.owntel}>-->
      <a href="javascript:void(0);" class="wx_ewm">微信我们</a>
      <{if $now_time < $de.reserve_time }>
      <a class="cursor buy_buy" href="<{$config.weburl}>/?m=product&s=shop_reserve&id=<{$de.id}>" >待定登记</a>
      <{elseif $now_time >= $de.reserve_time and $now_time <= $de.sell_time || empty($de.sell_time)}>
      <a class="buy_buy cursor seckill_buy" href="<{$config.weburl}>/?m=product&s=shop_product_detail&id=<{$de.id}>" >立即预定</a>
      <{elseif !empty($de.sell_time) && $now_time >= $de.sell_time and $now_time <= $de.performance_end_time }>
      <a class="on cursor seckill_buy " href="<{$config.weburl}>/?m=product&s=shop_product_detail&id=<{$de.id}>">立即购买</a>

      <{elseif $now_time >= $de.performance_end_time  }>
      <a class="endon cursor " >演出结束</a>
      <{/if}>

      </div>


        <div class="overlay_zw"></div>
        <div class="overlay"></div>
        <div class="weixindiag"><a class="weixinclose"></a> <img src="<{$config.weburl}>/templates/wap/images/wx_wm3.jpg" width="235" height="235" alt="" /></div>
        <div class="zwdiag"> <img src="<{$de.spot_detail.seat_m_pic}>" width="100%" alt="" /></div>


        <style>
    .g-ft{margin-bottom:50px;}

    .weixindiag{position:absolute;height:auto;z-index:90001;padding:1px; display:none; width:235px; background-color:none;}
    .weixindiag img{ border-radius:5px;}
    .weixinclose{background:url("<{$config.weburl}>/templates/wap/images/weixinclose.png") no-repeat; width:38px; height:38px; display:inline-block; margin-bottom:-50px; cursor:pointer; margin-bottom:-38px; z-index:999; position:absolute;right:-18px; top:-18px;}
    .overlay{background-color:#252525;position:absolute;z-index:90000;left:0;top:0;width:100%;height:100%;opacity:0.7;filter: alpha(opacity=70);-moz-opacity: 0.5; display:none;}

    .overlay_zw{background-color:#000;position:absolute;z-index:90000;left:0;top:0;width:100%;height:100%;opacity:1; display:none;}

    .zwdiag{position:absolute;height:auto;z-index:90001; display:none; width:100%; height:auto; background-color:none;}
    .zwclose{background:url("<{$config.weburl}>/templates/wap/images/weixinclose.png") no-repeat; width:38px; height:38px; display:inline-block; margin-bottom:-50px; cursor:pointer; margin-bottom:-38px; z-index:999; position:absolute;right:-18px; top:-18px;}

</style>


        <script type="application/javascript">
            $(function(){
                $(".wx_ewm").click(function(){
                    $(".overlay").css({display:"block",height:$(document).height()});
                    $(".weixindiag").css({
                        left:($("body").width()-$(".weixindiag").width())/2+"px",
                        top:($(window).height()-$(".weixindiag").height())/2+$(window).scrollTop()+"px",
                        display:"block"
                    });
                });

                $(".weixinclose").click(function(){
                    $(".overlay,.weixindiag").css("display","none");
                    return false;
                });


                $(".zwt_show").click(function(){
                    $(".overlay_zw").css({display:"block",height:$(document).height()});
                    $(".zwdiag").css({
                        left:($("body").width()-$(".zwdiag").width())/2+"px",
                        top:($(window).height()-$(".zwdiag").height())/2+$(window).scrollTop()+"px",
                        display:"block"
                    });
                });

                $(".overlay_zw").click(function(){
                    $(".overlay_zw,.zwdiag").css("display","none");
                    return false;
                });


            });

            function lxfEndtime() {

                $(".exe_time").each(function() {
                    var lxfday = $(this).attr("lxfday");//用来判断是否显示天数的变量
                    //var endtime = new Date($(this).attr("endtime")).getTime();//取结束日期(毫秒值)
                    var endtime = $(this).attr("endtime") * 1000;
                    var nowtime = new Date().getTime(); //今天的日期(毫秒值)
                    var youtime = endtime - nowtime;//还有多久(毫秒值)
                    var seconds = youtime / 1000;
                    var minutes = Math.floor(seconds / 60);
                    var hours = Math.floor(minutes / 60);
                    var days = Math.floor(hours / 24);
                    var CDay = days;
                    var CHour = DD(hours % 24);
                    var AHour = DD(hours % 24);
                    var CMinute = DD(minutes % 60);
                    var CSecond = DD(Math.floor(seconds % 60));//"%"是取余运算，可以理解为60进一后取余数，然后只要余数。
                    if (endtime <= nowtime) {
                        $(this).html("");//如果结束日期小于当前日期就提示过期啦
                        //$("#projectStatusDescn").hide();
                       // window.location.reload();
                        $(".modue_mill").hide();
                        $(".seckill_buy").attr("href","<{$config.weburl}>/?m=product&s=shop_product_detail&id=<{$de.id}>").removeClass("seckill_kill");
                    } else {
                        $(".seckill_buy").attr("href","javascript:void(0);").addClass("seckill_kill");

                        if (days < 1) {
                            $(this).html( '<span class="times">' + AHour + '</span><span class="time_title">时</span>'+ '<span class="times">' + CMinute + '</span><span class="time_title">分</span>' + '<span class="times">' + CSecond + '</span><span class="time_title">秒</span>');   //输出没有天数的数据
                        } else {
                            $(this).html( '<span class="times">' + days + '</span><span class="time_title">天</span>'+ '<span class="times">' + CHour + '</span><span class="time_title">时</span>'+ '<span class="times">' + CMinute + '</span><span class="time_title">分</span>' + '<span class="times">' + CSecond + '</span><span class="time_title">秒</span>');   //输出有天数的数据
                        }
                    }
                });
                setTimeout("lxfEndtime()", 1000);
            }

            function DD(i) {
                if (i < 10) {
                    i = '0' + i;
                }
                return i;
            }
            <{if $de.is_skill == 1 && $now_time <= $de.seckill_time }>
            $(function() {
                lxfEndtime();
            });
            <{/if}>

        </script>




